﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Scale</title>
    <link href="../Css/Core/CBase.css" rel="stylesheet" />
    <style>
        ul
        {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        ul li
        {
            float: left;
            width: 50px;
            text-align: center;
        }
        .scale-header
        {
            overflow: hidden;
        }
        .scale-body
        {
            overflow: hidden;
        }
        input[type=radio]
        {
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>
    <div>
        <div class="scale-header">
            <ul>
                <li>
                    <label>
                        &nbsp;</label></li>
                        <li>
                    <label>
                        1</label></li>
                <li>
                    <label>
                        2</label></li>
                <li>
                    <label>
                        3</label></li>
                <li>
                    <label>
                        4</label></li>
                <li>
                    <label>
                        5</label></li>
            </ul>
        </div>
        <div class="scale-body">         
            <ul>
            <li>
                    From</li>
                <li>
                    <input type="radio" /></li>
                <li>
                    <input type="radio" /></li>
                <li>
                    <input type="radio" /></li>
                <li>
                    <input type="radio" /></li>
                <li>
                    <input type="radio" /></li>
            </ul>
            tu
        </div>
    </div>
</body>
</html>
